1 <!doctype html>
2 <html>
3 <head>
4 <title>
5 Petshop
6 </title>
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <style>
9 body {
10 margin: 0;
11
12 background-size: cover;
13 font-family: Arial, Helvetica, sans-serif;
14 /*background-color:rgba(43, 3, 3, 0.945);*/
15
16 }
17 .topnav {
18 overflow: hidden;
19 background-color:rgb(73, 25, 21);
20 height: 70px;
21 border: 2px solid black;
22 }
23
24 .topnav a {
25 float: left;
26 color: #f2f2f2;
27 text-align: center;
28 padding: 14px 16px;
29 text-decoration: none;
30 font-size: 35px;
31 font-weight: bold;
32 }
33
34 .topnav-right {
35 float: right;
36 }
37 .button {
38 background-color: #4CAF50; /* Green */
39 border: none;
40 color: white;
41 padding: 16px 32px;
42 text-align: center;
43 text-decoration: none;
44 display: inline-block;
45 font-size: 16px;
46 margin: 180px 8px;
47 -webkit-transition-duration: 0.2s; /* Safari 0.4*/
48 transition-duration: 0.2s;/*0.4*/
49 cursor: pointer;
50 }
51 .screen
52 {
53 background-image:url('aaron.jpg');
54 background-size: cover;
55 width:100%;
56 height:600px;
57 }
58
59 .button1 {
60 background-color: transparent;
61 color:white; /* black*/
62 border: 3px solid #4CAF50;
63 border-radius: 5px;
64 }
65
66 .button1:hover {
67 background-color: #4CAF50;
68 color: white;
69 }
70
71 .button2 {
72 background-color: transparent;
73 color: white;
74 border-radius: 5px;
75 border: 3px solid rgba(31, 58, 147, 1);
76 }
77
78 .button2:hover {
79 background-color:rgba(31, 58, 147, 1);
80 color: white;
81 }
82
83 .button3 {
84 background-color:transparent;
85 color: white;
86 border-radius: 5px;
87 border: 3px solid #f44336;
88 }
89
90 .button3:hover {
91 background-color: #f44336;
92 color: white;
93 }
94
95 .button4 {
96 background-color: transparent;
97 color: white;
98 border-radius: 5px;
99 border: 3px solid rgba(249, 105, 14, 1);
100 }
101
102 .button4:hover {background-color:rgba(249, 105, 14, 1);
103 color:white;
104 }
105
106 .button5 {
107 background-color: transparent;
108 color: white;
109 border-radius: 5px;
110 border: 3px solid #b40a70;
111 }
112
113 .button5:hover {
114 background-color:#8d2663;
115 color: white;
116 }
117
118 </style>
119 </head>
120 <body>
121
122 <div class="topnav">
123 <a class="active" href="home.html"><img src="ic_add_pet.png"></a>
124 <a href="home.html">pets shop</a>
125 <div class="topnav-right">
126 <a href="logout.php">logout</a>
127 </div>
128 </div>
129
130
131
132 <div class="screen">
133 <form>
134
135 <button class="button button1" type="submit" formaction="animals.php">animals</button>
136 <button class="button button2" type="submit" formaction="birds.php">Birds</button>
137 <button class="button button3" type="submit" formaction="petproducts.php">products</button>
138 <button class="button button4" type="submit" formaction="sales.php">salesdetails</button>
139 <button class="button button5" type="submit" formaction="customer.php">customer</button>
140
141 </form>
142 </div>
143
144 </body>
145
146 </html>